.wrap{background: url(../img/v2/talks/talks_bg.png) 0 0 repeat;}
.content{padding-top: 100px;}
.main{overflow: hidden;background: url(../img/v2/talks/logo_bg.png) 490px center no-repeat;}

.talk_list{position: relative;width: 275px;border-radius: 6px;border:1px solid #d2d4d3;background-color: #fff;}
.talk_list_lab{height: 45px;vertical-align: middle;background-color: #f9f9f9;border-bottom: 1px solid #e5e5e5;border-radius: 6px 6px 0 0;}
.talk_list_lab .history,.talk_list_lab .friends,.talk_list_lab .msg{display: inline-block;*display: inline;*zoom: 1;width: 91px;height: 45px;vertical-align: middle;}
.talk_list_lab .line{display: inline-block;*display: inline;*zoom: 1;width: 0;height: 17px;border-right: 1px solid #ccc;vertical-align: middle;}
.talk_list_lab .history a{display: block;height: 45px;background: url(../img/v2/talks/talk_list_lab.png) 35px 12px no-repeat;}
.talk_list_lab .friends a{display: block;height: 45px;background: url(../img/v2/talks/talk_list_lab.png) -104px -25px no-repeat;}
.talk_list_lab .msg a{display: block;height: 45px;background: url(../img/v2/talks/talk_list_lab.png) -241px -25px no-repeat;}
.talk_list_lab .history a.active{background-position:35px -25px }
.talk_list_lab .friends a.active{background-position:-104px 12px}
.talk_list_lab .msg a.active{background-position:-241px 12px}

.talk_list_box{position: relative;overflow: hidden;}
.talk_list_box .more{position: absolute;left: 0;bottom: 0;height: 54px;width: 100%;line-height: 54px;background-color: #f9f9f9;text-align: center;color: #999;border-top: 1px solid #e5e5e5;background: url(../img/v2/talks/more.png) 75px center no-repeat;}
.talk_list_boxul{position: relative;}
.talk_list_boxul>li{position: absolute;width: 100%;}
.talk_list_boxul .guestbox{position: relative;height: 51px;padding: 9px;cursor: pointer;border-bottom: 1px solid #e5e5e5;}
.talk_list_boxul .guestbox_active{background-color: #f9f9f9;}
.talk_list_boxul .guestbox .guestimg{display: inline;float: left;position: relative;margin-right: 16px;}
.talk_list_boxul .guestbox .new{display: none;position: absolute;right: -5px;top: -5px;width: 10px;height: 10px;background-color: #db2625;border:2px solid #fff;border-radius: 8px;box-shadow: 1px 0 2px #999;}
.talk_list_boxul .guestbox .havenew .new{display: block;}
.talk_list_boxul .guestbox .name{overflow: hidden;height: 28px;line-height: 32px;font-size: 14px;color: #576b95;font-weight: 700;vertical-align: text-bottom;}
.talk_list_boxul .friends_li .guestbox .name{position: relative;height: 51px;line-height: 51px;}
.talk_list_boxul .friends_li .guestbox .add_mutual{position: absolute;right: 15px;top: 20px;height: 29px;padding: 0 15px 0 25px;line-height: 29px;border: 1px solid #D9D9D9;border-radius: 2px;background: #F1F3F7 url(../img/v2/me/nexusico.png) 5px -90px no-repeat;}
.talk_list_boxul .guestbox .name img{margin-left: 10px;vertical-align: text-bottom;}
.talk_list_boxul .guestbox .name_all{height: 50px;line-height: 50px;}
.talk_list_boxul .guestbox .detail{line-height: 16px;color: #999;}
.talk_list_boxul .guestbox .detail .stamp{position: absolute;right: 18px;top: 18px;}
.talk_list_boxul .guestbox .jump_all{position: absolute;right: 18px;top: 22px;font-size: 22px;color: #c5c5c5;font-weight: 700;font-family: serif;}
.talk_list_boxul .guestbox .jump_msg{position: absolute;right: 18px;top: 45px;width: 12px;height: 7px;background: url(../img/v2/talks/msgt.png) 0 0 no-repeat;}
.talk_list_boxul .guestbox .jump_msg_active{position: absolute;right: 18px;top: 45px;width: 12px;height: 7px;background: url(../img/v2/talks/msgt.png) 0 -7px no-repeat;}
.talk_list_boxul .guestbox_title{padding-left: 15px;height: 30px;line-height: 30px;border-bottom: 1px solid #ebebeb;background-color: #fcfcfc;color: #898989;font-size: 14px;}

.talk_site{position: relative;margin-top: 75px;width: 31px;}
.talk_site_point{position: absolute;left: 9px;width: 13px;height: 13px;background-color: #e57c91;border-radius: 7px;}

.talk_box{position: relative;width: 692px;margin-left:308px;border-radius: 6px 6px 0 0;border:1px solid #d2d4d3;background-color: #fff;}
.talk_box_title{position: relative;height: 45px;background-color: #f9f9f9;border-radius: 6px 6px 0 0;border-bottom: 1px solid #e5e5e5;line-height: 46px;font-size: 14px;text-align: center;font-weight: 700;color: #4d4d4d;z-index: 3;}
.talk_box_set{float: right;margin:12px 15px 0 0;width: 36px;height: 20px;line-height: 15px;border:1px solid #e5e5e5;color: #999;text-align: center;border-radius: 3px;font-size: 15px;text-indent: 4px}
.talk_box_set:hover,.talk_box_set_active{border-color: #d4d4d4;color: #777;}
.talk_box_setmenu{position: absolute;top: 38px;right: 15px;border: 1px solid #cfcfcf;background-color: #fff;box-shadow: 0 0 3px #ccc;}
.talk_box_setmenu a{display: block;height: 28px;padding: 0 14px;font-size: 12px;color: #999;border-bottom: 1px solid #ededed;line-height: 28px;}
.talk_box_setmenu a:hover{color: #666;background-color: #f0f0f0;}
.talk_box_sendbox{position: absolute;bottom:-55px;left: -1px;width: 660px;height: 54px;padding: 0 12px 0 20px;background-color: #f3f3f3;border: 1px solid #d2d4d3;border-radius: 0 0 6px 6px;z-index: 2;}
.talk_box_sendbox .talk_box_send{display: inline;float: right;width: 70px;height: 28px;margin-top: 11px;background-color: #3a83f2;border:1px solid #2c73de;border-radius: 4px;line-height: 28px;text-align: center;color: #fff;}
.talk_box_sendbox .talk_box_face{display: inline;float: left;width: 22px;height: 22px;margin-right: 10px;margin-top: 17px;background:  url(../img/v2/talks/talks_face.png) 0 0 no-repeat;}
.talk_box_sendbox .talk_box_img{overflow: hidden;position: relative;display: inline;float: left;width: 22px;height: 22px;margin-right: 15px;margin-top: 17px;background:  url(../img/v2/talks/talks_img.png) 0 0 no-repeat;cursor: pointer;}
.talk_box_sendbox .talk_box_img input{position: absolute;width: 100%;height: 100%;font-size: 100%;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;}
.talk_box_sendbox textarea{width: 483px;height: 30px;padding: 0 10px;margin-top: 10px;border: 1px solid #e0e0e0;line-height: 30px;color: #666}
.talk_box_scorll{position: relative;overflow-y: hidden;z-index: 1;}
.talk_box_content{position: absolute;overflow: hidden;width: 642px;padding: 0 25px;}
.introduce{width: 320px;height: 120px;margin:20px auto 35px;border: 1px solid #ebebeb;border-radius: 10px;box-shadow:0  1px 2px #ccc}
.introduce a{display: block;}
.introduce img{float: left;margin: 16px 22px 0 65px;border: 2px solid #fff;box-shadow: 0 0 3px #ccc}
.introduce a .name {overflow: hidden;height: 50px;line-height: 68px;font-size: 14px;color: #576B95;font-weight: 700;}
.introduce a p{font-size: 12px;line-height: 20px;color: #999;}

.talk_box_content .you{float: left;width: 100%;}
.talk_box_content .you .avatar{float: left;}
.talk_box_content .you .bubble{float: left;}
.talk_box_content .me{float: right;width: 100%;}
.talk_box_content .me .avatar{float: right;}
.talk_box_content .me .bubble{float: right;}
.talk_box_content .talks_item{padding: 2px 0 4px;}
.talk_box_content .talks_item .time{width: 120px;height: 23px;margin: 0 auto 20px;line-height: 23px;background-color: #e1e1e1;font-family: tahoma;text-align: center;color: #fff;border-radius: 3px;}
.talks_item_com .avatar{width: 43px;height: 51px;}
.talks_item_com .bubble{position: relative;max-width: 308px;padding: 0 15px 0;white-space:normal; word-break:break-all; word-wrap:break-word;}
.talks_item_com .bubble .bubble_com{position: relative;padding: 10px;}
.you .talks_item_com .bubble .bubble_com{border: 1px solid #c3cad2;border-radius: 3px;background-image: -moz-linear-gradient( -90deg, rgb(239,244,250) 0%, rgb(239,244,250) 1%, rgb(224,235,245) 4%, rgb(220,232,243) 53%, rgb(213,227,241) 88%, rgb(213,227,241) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(239,244,250) 0%, rgb(239,244,250) 1%, rgb(224,235,245) 4%, rgb(220,232,243) 53%, rgb(213,227,241) 88%, rgb(213,227,241) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(239,244,250) 0%, rgb(239,244,250) 1%, rgb(224,235,245) 4%, rgb(220,232,243) 53%, rgb(213,227,241) 88%, rgb(213,227,241) 100%);box-shadow: 0px 2px 4px 0px #ccc;}
.me .talks_item_com  .bubble .bubble_com{border: 1px solid #cecece;border-radius: 3px;background-image: -moz-linear-gradient( -90deg, rgb(246,246,246) 0%, rgb(245,245,245) 5%, rgb(244,244,244) 5%, rgb(233,234,235) 53%, rgb(226,227,229) 88%, rgb(225,226,228) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(246,246,246) 0%, rgb(245,245,245) 5%, rgb(244,244,244) 5%, rgb(233,234,235) 53%, rgb(226,227,229) 88%, rgb(225,226,228) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(246,246,246) 0%, rgb(245,245,245) 5%, rgb(244,244,244) 5%, rgb(233,234,235) 53%, rgb(226,227,229) 88%, rgb(225,226,228) 100%);box-shadow: 0px 2px 4px 0px #ccc;text-align: right;
}
.talks_item_com  .bubble .bubble_com .bubble_text_p{line-height: 24px;font-size: 14px;color: #666;vertical-align: middle;}
.talks_item_com  .bubble .bubble_com .bubble_text_p img{vertical-align: middle;}

.talks_item_com .bubble .bubble_new{display: none;position: absolute;top: 6px;width: 8px;height: 8px;background-color: #f8b551;border-radius: 4px;}
.you .talks_item_com .bubble .bubble_new{right: 0}
.me .talks_item_com .bubble .bubble_new{left: 0}
.talks_item_com .bubble .length{display: none;position: absolute;bottom: 5px;font-family: Tahoma;font-size: 12px;color: #000;width: 50px;}
.talks_item_com .bubble_voice .length,.talks_item_com .bubble_voice .bubble_new{display: block;}
.talks_item_com .bubble_voice_play .bubble_new{display: none;}
.you .talks_item_com .bubble .length{right:-42px;}
.me .talks_item_com .bubble .length{left:-42px;text-align: right;}
.you .talks_item_com .bubble .bubble_cor{position: absolute;left: 10px;top: 8px;width: 6px;height: 10px;background: #fff url(../img/v2/talks/bubble_cor.png) 0 0 no-repeat;}
.me .talks_item_com .bubble .bubble_cor{position: absolute;top: 8px;right: 10px;width: 6px;height: 10px;background: #fff url(../img/v2/talks/bubble_cor.png) 0 -10px no-repeat;}

.you .talks_item_com .bubble_voice_span{display: inline-block;*display: inline;*zoom: 1;width: 12px;height: 17px;background: url(../img/v2/talks/voice.gif) 0 0 no-repeat;cursor: pointer;}
.me .talks_item_com .bubble_voice_span{display: inline-block;*display: inline;*zoom: 1;width: 12px;height: 17px;background: url(../img/v2/talks/voice.gif) -13px 0 no-repeat;cursor: pointer;}

.you .talks_item_com .bubble_voice_play .bubble_voice_span{background: url(../img/v2/talks/voice_play.gif) 0 0 no-repeat;}
.me .talks_item_com .bubble_voice_play .bubble_voice_span{background: url(../img/v2/talks/voice_play.gif) -13px 0 no-repeat;}

.talks_item_com .bubble_photo_img{max-width: 200px;max-height: 200px;cursor: pointer;}

.talks_item_com .bubble_site .bubble_site_p{position: relative;display: inline-block;*display: inline;*zoom: 1;width: 182px;height: 155px;background: url(../img/v2/talks/site.gif) 0 0 no-repeat;}
.talks_item_com .bubble_site .bubble_site_p span{position: absolute;left: 0;bottom: 0;width: 162px;padding: 0 10px;line-height: 30px;background-color: #000;filter: alpha(opacity=80);background-color: rgba(0,0,0,.5);color: #fff;text-align: center;}

.talks_item_com .bubble_miss .bubble_miss_box{width: 222px;}
.talks_item_com .bubble_miss .bubble_miss_box h1{height: 16px;line-height: 16px;padding-bottom: 6px;border-bottom: 1px solid #ccc;font-size: 12px;color: #000;font-weight: 500;text-indent: 5px;margin-bottom: 8px;}
.talks_item_com .bubble_miss .bubble_miss_box .question{margin-bottom: 10px;line-height: 24px;}
.talks_item_com .bubble_miss .bubble_miss_box .question img{float: left;margin-right: 10px;}
.talks_item_com .bubble_miss .bubble_miss_box .question .name{font-size: 14px;color: #576B95;font-weight: 700;line-height: 26px;}

.talks_item_com .bubble_miss .bubble_miss_box .answer{width: 208px;padding: 0 6px;line-height: 28px;background-color: #fff;border-radius: 4px;border:1px solid #d7d9da;box-shadow: inset 0 0 5px #d7d9da;color: #333;}
.talks_item_com .bubble_miss .bubble_miss_box .answer p{margin-bottom: 5px;}
.talks_item_com .bubble_miss .bubble_miss_box .answer a{display: inline-block;*display: inline;*zoom: 1;padding: 0 20px;margin:0 10px 10px;font-size: 14px;font-weight: 700;color: #fff;background-color: #e57c91;border-radius: 3px;}












